/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* BlueCrystal theme                      */
/* ====================================== */

/* ===================================== */
/* Less helper functions for gradients   */
/* ===================================== */

.sapMRIGradient(@color, @lighter:25){
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(@color, @lighter)), color-stop(100%,@color)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, lighten(@color, @lighter) 0%,@color 100%); /* Chrome10+,Safari5.1+ */
	-webkit-background-clip: text; /* Chrome & Safari only */
	-webkit-text-fill-color: transparent; /* Chrome & Safari only */
}

.sapMRIIconSel {
	color: lighten(@sapUiAccent1, 12);
	-webkit-text-stroke: 1px darken(@sapUiAccent1, 3);
}

.sapMRIIconUnsel  {
	color: darken(@sapUiContentForegroundColor, 10);
	-webkit-text-stroke: 1px darken(@sapUiContentForegroundColor, 15);
}

/* gradients in combination with background-clip: text are not supported by ie, android < 4.2 or blackberry*/
.sapMRIGrd > .sapMRIIconSel {
	.sapMRIGradient(@sapUiAccent1);
}
.sapMRIGrd > .sapMRIIconUnsel  {
	.sapMRIGradient(@sapUiContentForegroundColor, 10);
}

.sapMRIIconHov {
	color: @sapUiAccent1;
	-webkit-text-stroke: 1px darken(@sapUiAccent1, 3);
}

/* Custom focus outline */
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled) {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -1px;
}

/* IE ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"].sap-desktop {
	.sapMRI:focus {
		outline: none;
		position: relative;
	}
	.sapMRI:focus:not(.sapMRIDisabled)::before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px dotted @sapUiContentFocusColor;
	}
}